{extends file="../home.html"}
{block name="title"}{$head_title}{/block}
{block name="css"}
<!-- <link rel="stylesheet" style="text/css" href="__PUBLIC__/Css/front/user_glb.css?version={$version}"> -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/front_css/icon_new.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
    #load_wrapper{
        bottom:2.55rem;
        margin-top: 2.2rem;
    }
    #scroller{
    	position:relative;
    }
    .service_header a{
        font-size: 0.8rem;
        top:0;
        color: #fff;
    }
    /*固定顶栏*/
    .top_nav_fixed{
        position: absolute;
        top: 2.2rem;
        left: 0;
        z-index: 10;
    }
    
    .project_main{
        background:#eee;
        width: 92%;
        margin: auto;
    }
    /*轮播图*/
    .swiper-container{
        width: 100%;
    }
    .swiper-container .swiper-slide{
        width: 92%;
    }
    .swiper-container-horizontal>.swiper-pagination{
        bottom: 5px;
    }
    .swiper-pagination-bullet{
        width: .5rem;
        height: .5rem;
        background: #dcdcdc;
        border:0;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #2485e7;
    }
    /*项目*/
    #project{
        border-radius: .4rem;
        background-color: #fff;
        box-shadow: 5px 5px 6px #dcdcdc;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
    .shade_bg{
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
        top:2.25rem;
        left:0;
        right: 0;
        bottom: 0;
        z-index: 998;
    }
    .project_type_tab{
        position: relative;
        z-index: 999;
    }
    .project_type_list{
        position:absolute;
        z-index: 999;
        width: 100%;
        left:0;
    }
</style>
{/block}
{block name="content"}


<ul class="circle_tab clearfix" id="top_nav_copy" style="display:none">
    <li class="" id="li_1">
        <a href="/FrontEnjoy/enjoy_index">话题圈</a>
    </li>
    <li class="active" id="li_2">
        <a href="javascript:;">找项目</a>
    </li>
    <li class="" id="li_3">
        <a href="/FrontEnjoy/touzi_list">找投资</a>
    </li>
</ul>
<div class="service_header">
    <p>创享圈<a href='javascript:;' onclick="check_user('/FrontEnjoy/add_bp')">添加BP</a></p>
</div>
<div id="load_wrapper">
    <div id="scroller">
        <div id="pullDown">
            <span class="pullDownIcon"></span>
        </div>
        <div class="project_bg" style="display:none;"></div>
        <!--<div class="service_header">
            <p>创享圈<a href='/FrontEnjoy/bp_list'>提交BP</a></p>
        </div>-->
        <!-- <div class="circle_banner">
            <img src="/Public/Images/front/front_img/cxq_banner3x.png" alt="" />
        </div> -->

        <!-- 轮播图 -->
        <div class="swiper-container circle_banner">
            <div class="swiper-wrapper">
                {foreach from=$cust_flash_list item=v}
                <div class="swiper-slide">
                    <a href="{$v.link}"><img src="{$v.pic}" alt="" ></a>
                </div>
                {/foreach}
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <!-- 切换 -->
        <ul class="circle_tab clearfix" id="top_nav">
            <li class="" id="li_1">
                <a href="/FrontEnjoy/enjoy_index">话题圈</a>
            </li>
            <li class="active" id="li_2">
                <a href="javascript:;">找项目</a>
            </li>
            <li class="" id="li_3">
                <a href="/FrontEnjoy/touzi_list">找投资</a>
            </li>
        </ul>
        <div class="project_main main"  id="main_2">


        <!-- 热门项目 -->
        <div class="hot_block">
            <div class="clearfix hot_title">
                <h6 class="fl">热门项目</h6>
            </div>
            <!-- 轮播图 -->
            <div class="swiper-container circle_topic">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul class="circle_img clearfix">
                            <li class="">
                                <a href="">
                                    <div class="circle_img_bg">
                                        <div class="circle_bg_text">
                                            <p>投资公司</p>
                                            <span>1111111111111</span>
                                        </div>
                                        <img src="/Public/Images/front/front_img/cxq_banner3x.png" style="height:100%;"/>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul class="circle_img clearfix">
                            <li class="">
                                <a href="">
                                    <div class="circle_img_bg">
                                        <div class="circle_bg_text">
                                            <p>投资公司</p>
                                            <span>1111111111111</span>
                                        </div>
                                        <img src="/Public/Images/front/front_img/cxq_banner3x.png" style="height:100%;"/>
                                    </div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!--  -->
        <div id="project">
            <div class="shade_bg" style="display: none;"></div>
            <ul class="clearfix project_type_tab">
                <li class="fl">
                    <div class="type_tab_box clearfix">
                        <p class="fl" id="phase">阶段</p>
                        <i class="fl icon icon_screen_default3x icon_up3x"></i>
                    </div>
                </li>
                <li class="fl">
                    <div class="type_tab_box clearfix">
                        <p class="fl" id="domain">领域</p>
                        <i class="fl icon icon_screen_default3x icon_up3x"></i>
                    </div>
                </li>
                 <!-- <li class="fl">
                    <div class="type_tab_box clearfix">
                        <p class="fl" id="cities">城市</p>
                        <i class="fl icon icon_screen_default3x icon_up3x"></i>
                    </div>
                </li> -->
            </ul>
            <div class="project_type_list">
                <dl class="project_tab_menu phase" style="display:none;">
                    <dd class="clearfix active" data-phase_id='0'>
                        <p class="fl">全部</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    {foreach from=$phase_list item=v}
                    <dd class="clearfix" data-phase_id='{$v.type_id}'>
                        <p class="fl">{$v.type_name}</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    {/foreach}
                </dl>
                <dl class="project_tab_menu field" style="display:none;">
                    <dd class="clearfix active" data-field_id='0'>
                        <p class="fl">全部</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    {foreach from=$field_list item=v}
                    <dd class="clearfix" data-field_id='{$v.type_id}'>
                        <p class="fl">{$v.type_name}</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    {/foreach}
                </dl>
                <!-- <dl class="project_tab_menu cities" style="display:none;">
                    <dd class="clearfix active">
                        <p class="fl">全部</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    <dd class="clearfix">
                        <p class="fl">1</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    <dd class="clearfix">
                        <p class="fl">2</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                    <dd class="clearfix" >
                        <p class="fl">3</p>
                        <i class="fr icon icon_sele3x"></i>
                    </dd>
                </dl> -->
            </div>
            <ul class="project_list">
                {foreach from=$project_list item=v}
                <li class="">
                    <a href="/FrontEnjoy/project_details/project_id/{$v.project_id}" class="clearfix">
                        <div class="find_pro_pic fl">
                            <img src="{$v.pic}" alt="" class="" />
                        </div>
                        <div class="clearfix project_cont">
                            <h6 class="">{$v.project_name}</h6>
                            <p class="nick_name">{$v.project_highlight}</p>
                            <dl class="clearfix">
                                {if $v.phase_name}<dd class="fl">{$v.phase_name}</dd>{/if}
                                {if $v.field_name}<dd class="fl">{$v.field_name}</dd>{/if}
                            </dl>
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>

        <div id="pullUp">
		    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载...</span>
		</div>
    </div>
</div>
{include file="../footer.html"}
{/block}
{block name="js"}
<script type="text/javascript" src="__PUBLIC__/Js/front/iscroll.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/swiper.3.1.2.jquery.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/project_list.js"></script>
<script type="text/javascript" src="__PUBLIC__/Js/front/front_js/project.js"></script>
<script>
//    var html=$(this).children("p").html();
//
//    if($(this).hasClass('status')){
//        $("#status").html(html);
//    }else{
//        $("#domain").html(html);
//    }
    $(".field dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#domain").html(html);
    });

    $(".phase dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#phase").html(html);
    });
    
    $(".cities dd").on("click",function(){
        var html = ($(this).children("p").html());
        $("#cities").html(html);
    });


</script>
<script type="text/javascript">
var total = parseInt('{$total}');
var firstRow = parseInt('{$firstRow}');
{literal}
        var circle_banner = new Swiper('.circle_banner',{
            pagination: '.swiper-pagination',
            paginationClickable: true
        })

        var mySwiper = new Swiper('.circle_topic',{
               loop : true,  
                // pagination: '.swiper-pagination',  
                effect: 'coverflow',  
                grabCursor: true,  
                centeredSlides: true,  
                // nextButton: '.swiper-button-next',  
                // prevButton: '.swiper-button-prev',  
                slidesPerView: 'auto',  
                coverflow: {  
                    rotate: 0,// 旋转的角度  
                    stretch: 10,// 拉伸   图片间左右的间距和密集度  
                    depth: 100,// 深度   切换图片间上下的间距和密集度  
                    modifier: 3,// 修正值 该值越大前面的效果越明显  
                    slideShadows : false// 页面阴影效果  
                }
        });
{/literal}
</script>

{/block}